<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style type="text/css">
			.botText {
				font-family: HiraginoSansGB;
				font-weight: normal;
				color: rgba(255, 255, 255, 1);
				opacity: 0.25;
				height: 1.5rem;
				line-height: 1.5rem;
			}

			a {
				text-decoration: none;


			}
		</style>
	</head>
	<body>
		<div style='width: 100%;' class='divCenter'>
			<div style='width: 56rem;height: 7.5rem;' class='leftAndRight'>

				<div class='divRow divColumnCenter'>
					<img src="img/logo_login.png">
					<h2 style='margin-left: 1.25rem;'>欢迎登录</h2>
				</div>
				<div class='divRow divColumnCenter'>
					<h4>没有账号?</h4>
					<a href="register.html">
						<h4 style='color: #0B9406;margin-left: 0.25rem;cursor: pointer;'>立即注册></h4>
					</a>

				</div>
			</div>

		</div>
		<div style='width: 100%;position: relative;'>
			<div style='position: absolute;width: 20rem;height: 26.25rem;background: white;top: 6.25rem;right: 26.25rem;' class='divColumn divColumnCenter'>
				<div style='width: 100%;height: 3.75rem;color: #0E9109;' class='divCenter'>
					<h2>账户登录</h2>
				</div>
				<div style='width: 100%;height: 0.0625rem; background: #f0f0f0;'>
				</div>

				<div style='width: 90%;border: 0.0625rem solid #F0F0F0;margin-top: 1.25rem;height: 2.5rem;'>
					<input type="text" id="account" style='width: 97%;height: 100%;margin: 0rem;padding: 0rem;border-width: 0rem;background: none;padding-left: 0.625rem;'
					 placeholder='手机号/邮箱' />
				</div>

				<div style='width: 90%;border: 0.0625rem solid #F0F0F0;margin-top: 1.25rem;height: 2.5rem;'>
					<input type="password" id="account" style='width: 97%;height: 100%;margin: 0rem;padding: 0rem;border-width: 0rem;background: none;padding-left: 0.625rem;'
					 placeholder='密码' />
				</div>

				<div style='width: 90%;margin-top: 1.25rem;height: 2.5rem;' class="divRow divColumnCenter">
					<div style="width: 60%;height: 100%;border: 0.0625rem solid #F0F0F0;">
						<input type="text" id="account" style='width: 97%;height: 100%;margin: 0rem;padding: 0rem;border-width: 0rem;background: none;padding-left: 0.625rem;'
						 placeholder='验证码' />
					</div>
					<div style="width: 4%;"></div>
					<div style="width: 36%;height: 100%;background: #007D36;">
						<img src="img/77c12cc09e7a4de411078798a8ada5e.png" style="width: 100%;height: 100%;" />
					</div>
				</div>
				<div style="width: 90%;height: auto;color: #999999;font-size: 0.75rem;margin-top: 0.375rem;cursor: pointer;">
					<span>忘记密码/注册</span>
				</div>

				<a style='width: 90%;margin-top: 1.25rem;height: 2.5rem;background: #0E9109;color: white;letter-spacing: 1rem;cursor: pointer;'
				 class="divCenter" href="index.html">
					<h2>登录</h2>


				</a>
				<div style="width: 90%;height: auto;color: #333333;font-size: 0.625rem;margin-top: 0.375rem;">
					<span>使用第三方平台账号注册</span>
				</div>
				<div style="width: 100%;height: auto;cursor: pointer;" class="divRow divCenter">
					<img src="img/log_1.png" style="margin: 0.625rem;width: 2.5rem;height: 2.5rem;" />
					<img src="img/log_2.png" style="margin: 0.625rem;width: 2.5rem;height: 2.5rem;" />
					<img src="img/log_3.png" style="margin: 0.625rem;width: 2.5rem;height: 2.5rem;" />
				</div>
			</div>
			<div style='width: 100%;'>
				<img src="img/login_bk.png" style='width: 100%;'>
			</div>
		</div>
		<div style="width: 100%;" class="divCenter">
			<div style="width: 75rem;background: white;height: 7.5rem;" class="divRow divColumnCenter">
				<div style="width: 25%;" class="divRow divColumnCenter">
					<img src="img/home13.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">品类齐全 轻松购物</span>
				</div>
				<div style="width: 25%;" class="divRow divColumnCenter">
					<img src="img/home14.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">精选生鲜 严格质检</span>
				</div>
				<div style="width: 25%;" class="divRow divColumnCenter">
					<img src="img/home15.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">天天低价 畅选无忧</span>
				</div>
				<div style="width: 25%;" class="divRow divColumnCenter">
					<img src="img/home16.png" />
					<span style="color: #999999;margin-left: 0.625rem;font-size: 1rem;">全方位 售后服务</span>
				</div>
			</div>
		</div>
		<!-- 底部介绍 -->
		<div style="width: 100%;15rem;background: #282633;height: 22.5rem;" class="divCenter">
			<div style="width: 75rem;height: 100%;" class="divColumn">
				<div style="width: 100%;height: 70%;" class="divRow">
					<div style="width: 60%;height: 100%;" class="divColumn">
						<div style="width: 100%;color: white;height: 3.25rem;" class="divRow divColumnCenter">
							<h3 style="width: 20%;;">公司介绍</h3>
							<h3 style="width: 20%;">购物指南</h3>
							<h3 style="width: 20%;">支付方式</h3>
							<h3 style="width: 20%;">售后服务</h3>
							<h3 style="width: 20%;">商家服务</h3>
						</div>
						<div style="height: 0.0625rem;background: #000000;width: 100%;"></div>
						<div style="width: 100%;margin-top: 0.875rem;" class="divRow">
							<div style="width: 20%;" class="divColumn">
								<span class="botText">关于村里村外</span>
								<span class="botText">企业荣誉</span>
								<span class="botText">战略合作</span>
								<span class="botText">媒体报道</span>
								<span class="botText">企业风采</span>
								<span class="botText">联系我们</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">免费注册</span>
								<span class="botText">购物流程</span>
								<span class="botText">发票制度</span>
								<span class="botText">配送说明</span>
								<span class="botText">联系客服</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">网上支付</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">验货与拒收政策</span>
								<span class="botText">退换货流程</span>
								<span class="botText">退款流程</span>
							</div>
							<div style="width: 20%;" class="divColumn">
								<span class="botText">招商范围</span>
								<span class="botText">商家资质要求</span>
								<span class="botText">入驻流程</span>
								<span class="botText">商家后台</span>
							</div>
						</div>

					</div>
					<div style="width: 40%;height: 100%;" class="divRow">
						<div style="margin: 1.25rem;">
							<img src="img/home17.png" />
						</div>
						<div style="margin:1.25rem 0rem;width: 60%;" class="divColumn">
							<span style="width: 60%;text-align: end;" class="botText">二十四小时咨询热线</span>
							<h1 style="color: white;">021-12454563</h1>
							<div class="divRow" style="margin-top: 0.625rem;">
								<div class="divColumn" style="width: 40%;" class="divColumn divCenter">
									<img src="img/home18.png" style="width: 100%;" />
									<span class="botText" style="text-align: center;">手机APP</span>
								</div>
								<div style="width: 10%;"></div>
								<div class="divColumn" style="width: 40%;" class="divColumn divCenter">
									<img src="img/home18.png" style="width: 100%;" />
									<span class="botText" style="text-align: center;">微信公众号</span>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div style="width: 100%;height: 0.0625rem;background: black;"></div>
				<div style="width: 100%;margin-top: 1.25rem;" class="divColumn">
					<h2 style="color: white;">湖南村里村外电子商务有限公司</h2>
					<div class="divRow divColumnCenter" style="height: 2.625rem;">
						<span class="botText">湖南长沙市XXXXXXX栋XX单元</span>
						<span class="botText" style="margin-left: 2.5rem;">Tel:05456-46546545</span>
						<span class="botText" style="margin-left: 2.5rem;">E-mail:564564654@qq.com</span>

					</div>


				</div>

			</div>


		</div>
	</body>
</html>
